<template>
  <div v-html="renderItem"></div>
</template>
<script>
import { defineComponent, computed } from 'vue';
export default defineComponent({
  name: 'Render',
  // 定义 props 对象
  props: {
    // 定义 item 属性，类型为 Object，默认值为空对象
    item: {
      type: Object,
      default: () => ({})
    },
    // 定义 modelValue 属性，类型为 null
    modelValue: {
      type: null
    }
  },
  setup(props) {
    const renderItem = computed(() => {
      return props.item && props.item.render(props.modelValue);
    });
    return { renderItem };
  }
});
</script>
